{% if lang == "us" %}

<!--导航的名称-->
{% set _swig_nav_market = "EXCHANGE" %}
{% set _swig_nav_smc_finance = "COINFINANCE" %}
{% set _swig_nav_account = "ACCOUNT" %}
{% set _swig_nav_orders = "ORDERS" %}
{% set _swig_nav_c2c = "C2C" %}
{% set _swig_nav_signin = "SIGN IN" %}
{% set _swig_nav_create_account = "SIGN UP" %}
{% set _swig_nav_notice = "NEWS" %}
{% set _swig_nav_logout = "LOGOUT" %}
{% set _swig_nav_wait = "Coming Soon" %}

{% set _swig_nav_recharge = "DEPOSIT" %}
{% set _swig_nav_buybtc = "BUY USC" %}
{% set _swig_nav_phonecard = "USC DEPOSIT" %}
{% set _swig_nav_invite = "INVITE" %}

{% set _swig_nav_presend = "ACT GIFT" %}


{% elseif lang == "es" %}

{% set _swig_nav_market = "Cambiar" %}
{% set _swig_nav_smc_finance = "COINFINANCE" %}
{% set _swig_nav_account = "Cuenta" %}
{% set _swig_nav_orders = "abiertas" %}
{% set _swig_nav_c2c = "C2C" %}
{% set _swig_nav_signin = "Iniciar" %}
{% set _swig_nav_notice = "Aviso" %}
{% set _swig_nav_create_account = "Crear cuenta" %}
{% set _swig_nav_logout = "Salir" %}
{% set _swig_nav_wait = "Próximamente" %}

{% set _swig_nav_recharge = "Deposito" %}
{% set _swig_nav_buybtc = "Vender USC" %}
{% set _swig_nav_phonecard = "USC Deposito" %}
{% set _swig_nav_invite = "INVITE" %}

{% set _swig_nav_presend = "ACT Regalo" %}

{% elseif lang == "hk" %}

{% set _swig_nav_market = "交易中心" %}
{% set _swig_nav_smc_finance = "COINFINANCE" %}
{% set _swig_nav_account = "賬戶" %}
{% set _swig_nav_orders = "委託" %}
{% set _swig_nav_c2c = "C2C" %}
{% set _swig_nav_signin = "登錄" %}
{% set _swig_nav_create_account = "註冊" %}
{% set _swig_nav_notice = "公告中心" %}
{% set _swig_nav_logout = "退出" %}
{% set _swig_nav_wait = "即將發佈" %}

{% set _swig_nav_recharge = "充值中心" %}
{% set _swig_nav_buybtc = "購買USC" %}
{% set _swig_nav_phonecard = "USC充值" %}
{% set _swig_nav_invite = "邀請好友" %}

{% set _swig_nav_presend = "注册領獎勵" %}

{% elseif lang == "cn" %}

{% set _swig_nav_market = "交易中心" %}
{% set _swig_nav_smc_finance = "COINFINANCE" %}
{% set _swig_nav_account = "账户" %}
{% set _swig_nav_orders = "委托" %}
{% set _swig_nav_c2c = "C2C" %}
{% set _swig_nav_signin = "登录" %}
{% set _swig_nav_create_account = "注册" %}
{% set _swig_nav_notice = "公告中心" %}
{% set _swig_nav_logout = "退出" %}
{% set _swig_nav_wait = "即将发布" %}

{% set _swig_nav_recharge = "充值中心" %}
{% set _swig_nav_buybtc = "购买USC" %}
{% set _swig_nav_phonecard = "USC充值" %}
{% set _swig_nav_invite = "邀请好友" %}

{% set _swig_nav_presend = "注册领奖励" %}


{% endif %}

<!--首页-->
{% if page == 'index' || page == 'smc_finance' || page == 'invite' %}
<nav class="layout-nav layout-nav--index">
    <div class="nav-wrapper fn-clearfix">
        <div class="left">
            <a class="left-item left-item--logo js-home" href="./index.html">
                <img class="img" src="../img/logo.png" width="108" alt="logo">
            </a>
            <div class="menu">
                <ul class="list fn-clearfix">
                    <li class="item js-item">
                        <a href="javascript:;" class="item-link item-link--index stat-market">{{_swig_nav_market}}</a>
                    </li>
                    <!--<li class="item js-item">-->
                    <!--<a href="./smc_finance.html" class="item-link item-link&#45;&#45;index">{{_swig_nav_smc_finance}}</a>-->
                    <!--</li>-->
                    <li class="item js-item">
                        <a href="/hk/c2c.html" target="_blank" class="item-link item-link--index js-c2c">{{_swig_nav_c2c}}</a>
                    </li>
                    <li class="item js-account" style="display: none">
                        <a href="./account.html" class="item-link item-link--index">{{_swig_nav_account}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right fn-clearfix">

            <div class="do js-do-not-login" style="display: none">
                <!--<a href="javascript:;" class="do-link do-link&#45;&#45;index js-presend">{{_swig_nav_presend}}</a>-->
                <!--<div class="module-rechage">-->
                <!--<a href="javascript:;" class="recharge-link js-recharge stat-buybitcoin">{{_swig_nav_recharge}}</a>-->
                <!--<ul class="menu-recharge">-->
                <!--<li class="item">-->
                <!--<a href="https://www.changwai.io" target="_blank" class="item-link">-->
                <!--<span class="text">{{_swig_nav_buybtc}}</span>-->
                <!--</a>-->
                <!--</li>-->
                <!--<li class="item">-->
                <!--<a href="javascript:;" target="_blank" class="item-link js-rechargeUsc">-->
                <!--<span class="text">{{_swig_nav_phonecard}}</span>-->
                <!--</a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</div>-->
                <!--<a href="javascript:;" class="do-link do-link&#45;&#45;index stat-notice">{{_swig_nav_notice}}</a>-->
                <!--<a href="./invite.html" class="do-link&#45;&#45;index" target="_blank">{{_swig_nav_invite}}</a>-->
                <a href="javascript:;" class="do-link do-link--index js-login stat-login" style="margin-right: 16px;">{{_swig_nav_signin}}</a>
                <!--<a href="javascript:;" class="do-link do-link&#45;&#45;index js-register stat-register" style="border-radius: 0;">{{_swig_nav_create_account}}</a>-->
            </div>
            <div class="do js-do-login" style="display: none">
                <!--<a href="javascript:;" class="do-link do-link&#45;&#45;index js-presend">{{_swig_nav_presend}}</a>-->
                <!--<div class="module-rechage">-->
                <!--<a href="javascript:;" class="recharge-link js-recharge stat-buybitcoin">{{_swig_nav_recharge}}</a>-->
                <!--<ul class="menu-recharge">-->
                <!--<li class="item">-->
                <!--<a href="https://www.changwai.io" target="_blank" class="item-link">-->
                <!--<span class="text">{{_swig_nav_buybtc}}</span>-->
                <!--</a>-->
                <!--</li>-->
                <!--<li class="item">-->
                <!--<a href="javascript:;" target="_blank" class="item-link js-rechargeUsc">-->
                <!--<span class="text">{{_swig_nav_phonecard}}</span>-->
                <!--</a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</div>-->
                <!--<a href="javascript:;" class="do-link do-link&#45;&#45;index stat-notice">{{_swig_nav_notice}}</a>-->
                {% if page !== "invite" %}
                <!--<a href="./invite.html" class="do-link&#45;&#45;index" target="_blank">{{_swig_nav_invite}}</a>-->
                {% endif %}
                <a href="javascript:;" class="do-link do-link--index do-link--index-logout js-logout">{{_swig_nav_logout}}</a>
            </div>
            {% include "./lang.html" %}
        </div>
    </div>
</nav>
{% endif %}



<!--登录、注册、重置-->
{% if page == 'login' || page == 'reset' || page == 'register' || page == 'active' || page == 'get_presend' || page == 'm_register' || page == 'recharge_usc' %}
<nav class="layout-nav layout-nav--simple">
    <div class="nav-wrapper fn-clearfix">
        <div class="left">
            <a class="left-item left-item--logo js-home" href="./index.html">
                <img class="img" src="../img/logo.png" width="108" alt="logo">
            </a>
        </div>
        <div class="right fn-clearfix">
            <!--<div class="menu">-->
            <!--<ul class="list fn-clearfix">-->
            <!--<li class="item">-->
            <!--<a href="./login.html" class="item-link item-link&#45;&#45;index">{{_swig_nav_market}}</a>-->
            <!--</li>-->
            <!--<li class="item">-->
            <!--<a href="./login.html" class="item-link item-link&#45;&#45;index">{{_swig_nav_account}}</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="do js-do-not-login">-->
            <!--<a href="./login.html" style="margin-right: 40px" class="do-link do-link&#45;&#45;index js-login">{{_swig_nav_signin}}</a>-->
            <!--<a href="./register.html" class="do-link do-link&#45;&#45;index js-register">{{_swig_nav_create_account}}</a>-->
            <!--</div>-->
            {% include "./lang.html" %}
        </div>
    </div>
</nav>
{% endif %}



<!--交易页面-->
{% if page == 'market' %}
<nav class="layout-nav">
    <div class="nav-wrapper fn-clearfix">
        <div class="left fn-clearfix">
            <a class="left-item left-item--logo js-home" href="./index.html">
                <img class="img" src="../img/logo.png" width="90" alt="logo">
            </a>
            <menu-popover placement="bottom" trigger="hover" class="left-item pop-menu" width="540">
                <market-coin :symbol="symbol"></market-coin>
                <div slot="content" class="menu-content">
                    <menu-coin></menu-coin>
                </div>
            </menu-popover>
            <market-info :ws-symbol="$$symbol"></market-info>

        </div>
        <div class="right fn-clearfix">
            <div class="menu">
                <ul class="list fn-clearfix">
                    <li class="item js-item">
                        <a href="/hk/c2c.html" target="_blank" class="item-link js-nav js-c2c">{{_swig_nav_c2c}}</a>
                    </li>
                    <li class="item js-account" style="display: none">
                        <a href="./account.html#/my-order" class="item-link js-nav">{{_swig_nav_orders}}</a>
                    </li>
                    <li class="item js-account" style="display: none">
                        <a href="./account.html" class="item-link js-nav">{{_swig_nav_account}}</a>
                    </li>
                </ul>
            </div>

            <div class="do js-do-login" style="display: none">
                <a href="javascript:;" class="do-link do-link--logout js-logout" >{{_swig_nav_logout}}</a>
            </div>
            <div class="do js-do-not-login" style="display: none; margin-right: 16px;">
                <a href="./login.html" class="do-link do-link--logout" >{{_swig_nav_signin}}</a>
            </div>
            {% include "./lang.html" %}
        </div>
    </div>
</nav>
{% endif %}



<!--账户页面-->
{% if page == 'account' %}
<!--这里表现为已登录的状态-->
<nav class="layout-nav">
    <div class="nav-wrapper fn-clearfix">
        <div class="left fn-clearfix">
            <a class="left-item left-item--logo js-home" href="./index.html">
                <img class="img" src="../img/logo.png" width="108" alt="logo">
            </a>
            <div class="menu">
                <ul class="list fn-clearfix">
                    <li class="item js-item">
                        <a href="./market.html" class="item-link js-nav js-market-link">{{_swig_nav_market}}</a>
                    </li>
                    <li class="item js-item">
                        <a href="/hk/c2c.html" target="_blank" class="item-link js-nav js-c2c">{{_swig_nav_c2c}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right fn-clearfix">
            <div class="do js-do-login">
                <!--<a href="./invite.html" class="do-link&#45;&#45;index" target="_blank">{{_swig_nav_invite}}</a>-->
                <a href="javascript:;" class="do-link do-link--logout js-logout">{{_swig_nav_logout}}</a>
            </div>
            {% include "./lang.html" %}
        </div>
    </div>
</nav>
{% endif %}


<!--公告和关于我们页面-->
{% if page == 'notice'|| page == 'c2c' %}
<nav class="layout-nav">
    <div class="nav-wrapper fn-clearfix">
        <div class="left fn-clearfix">
            <a class="left-item left-item--logo js-home" href="./index.html">
                <img class="img" src="../img/logo.png" width="108" alt="logo">
            </a>
            <div class="menu">
                <ul class="list fn-clearfix">
                    <li class="item js-item">
                        <a href="./market.html" class="item-link js-nav js-market-link">{{_swig_nav_market}}</a>
                    </li>
                    <li class="item js-item">
                        <a href="/hk/c2c.html" target="_blank" class="item-link js-nav js-c2c">{{_swig_nav_c2c}}</a>
                    </li>
                    <li class="item js-account" style="display: none">
                        <a href="./account.html" class="item-link js-nav">{{_swig_nav_account}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right fn-clearfix">
            <div class="do js-do-login" style="display: none">
                <a href="javascript:;" class="do-link do-link--logout js-logout" >{{_swig_nav_logout}}</a>
            </div>
            <div class="do js-do-not-login" style="display: none">
                <a href="./login.html" class="do-link do-link--logout js-login" >{{_swig_nav_signin}}</a>
            </div>
            {% include "./lang.html" %}
        </div>
    </div>
</nav>
{% endif %}

{% if page == 'about' %}
<nav class="layout-nav">
    <div class="nav-wrapper fn-clearfix">
        <div class="left fn-clearfix">
            <a class="left-item left-item--logo js-home" href="./index.html">
                <img class="img" src="../img/logo.png" width="108" alt="logo">
            </a>
            <div class="menu">
                <ul class="list fn-clearfix">
                    <li class="item js-item">
                        <a href="./market.html" class="item-link js-nav js-market-link">{{_swig_nav_market}}</a>
                    </li>
                    <li class="item js-item">
                        <a href="/hk/c2c.html" target="_blank" class="item-link js-nav js-c2c">{{_swig_nav_c2c}}</a>
                    </li>
                    <li class="item js-account" style="display: none">
                        <a href="./account.html" class="item-link js-nav">{{_swig_nav_account}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right fn-clearfix">
            <div class="do js-do-login" style="display: none">
                <a href="javascript:;" class="do-link do-link--logout js-logout" >{{_swig_nav_logout}}</a>
            </div>
            <div class="do js-do-not-login" style="display: none">
                <a href="./login.html" class="do-link do-link--logout js-login" >{{_swig_nav_signin}}</a>
            </div>
            {% include "./lang.html" %}
        </div>
    </div>
</nav>
{% endif %}
